<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>江湖</title>


	<link rel="stylesheet" type="text/css" href="bootstrap/css/candy-box.css" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
	<link rel="stylesheet" type="text/css" href="css/jquery.skippr.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/login.css" />
	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	<style>
		@font-face {
			font-family: "lantingxihei";
			src: url("fonts/FZLTCXHJW.TTF");
		}

		/* modal 模态框*/
		#invite-user .modal-body {
			overflow: hidden;
		}
		#invite-user .modal-body .form-label {
			margin-bottom: 16px;
			font-size:14px;
		}
		#invite-user .modal-body .form-invite {
			width: 80%;
			padding: 6px 12px;
			background-color: #eeeeee;
			border: 1px solid #cccccc;
			border-radius: 5px;
			float: left;
			margin-right: 10px;
		}
		#invite-user .modal-body .msg-modal-style {
			background-color: #7dd383;
			margin-top: 10px;
			padding: 6px 0;
			text-align: center;
			width: 100%;
		}
		#invite-user .modal-body .modal-flash {
			position: absolute;
			top: 53px;
			right: 74px;
			z-index: 999;
		}
		/* end modal */

		.en-footer {
			padding: 30px;
			text-align: center;
			font-size: 14px;
		}
	</style>
</head>
<body>
	<header>
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">江湖</a>
		</div>
		<div class="navbar-collapse collapse navbar-responsive-collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="index">首页</a></li>
				<li><a href="hiview.html">藏经阁</a></li>
				<li><a href="hiview.html">讲武堂</a></li>
				<!--<li class="dropdown">-->
				<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
				<!--<ul class="dropdown-menu">-->
				<!--<li><a href="#">Action</a></li>-->
				<!--<li><a href="#">Another action</a></li>-->
				<!--<li><a href="#">Something else here</a></li>-->
				<!--<li class="divider"></li>-->
				<!--<li class="dropdown-header">Dropdown header</li>-->
				<!--<li><a href="#">Separated link</a></li>-->
				<!--<li><a href="#">One more separated link</a></li>-->
				<!--</ul>-->
				<!--</li>-->
			</ul>
			<form class="navbar-form navbar-left">
				<input type="text" class="form-control col-lg-8" placeholder="搜索">
			</form>
			<ul class="nav navbar-nav navbar-right">
				<li><a data-sign="signin" href="#sign-modal" data-toggle="modal">登陆</a></li>
				<li><a data-sign="signup" href="#sign-modal" data-toggle="modal">注册</a></li>
				<li class="dropdown">
					<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
					<ul class="dropdown-menu">
						<!--<li><a href="#">Action</a></li>-->
						<!--<li><a href="#">Another action</a></li>-->
						<!--<li><a href="#">Something else here</a></li>-->
						<!--<li class="divider"></li>-->
						<li><a href="#">Separated link</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</nav>
	</header>
<div class="modal fade" id="sign-modal" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm" role="document">
		<div class="modal-content">
			<button type="button" class="close-modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<div class="modal-body">
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active">
						<a href="#signin-form" aria-controls="signin-form" role="tab" data-toggle="tab">登录</a>
					</li>
					<li role="presentation">
						<a href="#signup-form" aria-controls="signup-form" role="tab" data-toggle="tab">注册</a>
					</li>
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="signin-form">
						<form action="/login" method="post">
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-envelope" style="margin:0;"></i>
									</div>
									<input type="email" name="login" class="form-control" placeholder="请输入邮箱">
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-lock" style="margin:0;"></i>
									</div>
									<input type="password" name="password" class="form-control" placeholder="请输入密码">
								</div>
							</div>
							<div class="form-inline verify-code-item" style="display:none;">
								<div class="form-group">
									<div class="input-group">
										<input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
									</div>
								</div>
								<img class="verify-code" src="" source="img/captcha.gif">
							</div>
							<div class="form-group remember-login">
								<input name="remember" type="checkbox" value="y"> 下次自动登录
								<a class="pull-right" href="reset_password/index.html">忘记密码？</a>
							</div>
							<div class="form-group">
								<input class="btn btn-primary" name="submit" type="submit" value="登录">
							</div>
							<div class="form-group widget-signin">
								<span>快速登录</span>
								<a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
								<a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
								<a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
								<a href="/auth/github?next="><i class="fa fa-github"></i></a>
								<a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
							</div>
							<div class="form-group error-msg">
								<div class="alert alert-danger" role="alert"></div>
							</div>
						</form>
					</div>
					<div role="tabpanel" class="tab-pane" id="signup-form">
						<form action="/register" method="post">
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-envelope" style="margin:0;"></i>
									</div>
									<input type="email" name="email" class="form-control" placeholder="请输入邮箱">
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">
										<i class="fa fa-lock" style="margin:0;"></i>
									</div>
									<input type="password" name="password" class="form-control" placeholder="请输入密码">
								</div>
							</div>
							<div class="form-inline">
								<div class="form-group">
									<div class="input-group">
										<input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
									</div>
								</div>
								<img class="verify-code" src="" source="img/captcha.gif">
							</div>
							<div class="form-group">
								<input class="btn btn-primary" name="submit" type="submit" value="注册">
							</div>
							<div class="form-group agree-privacy">
								注册表示您已经同意我们的<a href="privacy/index.html" target="_blank">隐私条款</a>
							</div>
							<div class="form-group widget-signup">
								<span>快速注册</span>
								<a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
								<a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
								<a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
								<a href="/auth/github?next="><i class="fa fa-github"></i></a>
								<a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
							</div>
							<div class="form-group error-msg">
								<div class="alert alert-danger" role="alert"></div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
    </body>
</html>